<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>员工列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/mui.min.css">
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/app.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/script.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/mui.min.js"></script>
</head>
<body>
<div id="box">
 <div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><a href="index.html"><span class="glyphicon glyphicon-menu-left"></span></a></h1>
   <p class="title">员工列表</p>
  </header>
 </div><!--navbar-fixed-top-->
 <div class="mui-content">
  <ul id="OA_task_2" class="mui-table-view">
   <li class="mui-table-view-cell">
	<div class="mui-slider-right mui-disabled">
	 <a class="mui-btn mui-btn-grey mui-icon" id="buts">禁用</a>
	 <a class="mui-btn mui-btn-yellow mui-icon" id="but">授权</a>
	 <a class="mui-btn mui-btn-red mui-icon" id="but2">审核</a>
    </div>
	<div class="mui-slider-handle staff" style="margin:0">
	  <div class="staffList">
       <div class="staffLeft">
	    <img src="images/member_03.jpg" />
       </div><!--staffLeft-->
      <div class="staffCenter">
       <p class="memberName">rose</p>
	   <p>NO.18017744567</p>
	   <p><img src="images/staff_03.jpg" />18017744567</p>
      </div><!--staffCenter-->
      <div class="staffRight">
	   <p>本月累计收款7次</p>
	   <p><img src="images/staff_07.jpg" /></p>
      </div><!--staffRight-->
    </div><!--staffList-->
   </div>
  </li>
  <li class="mui-table-view-cell">
	<div class="mui-slider-right mui-disabled">
	 <a class="mui-btn mui-btn-grey mui-icon" id="buts">禁用</a>
	 <a class="mui-btn mui-btn-yellow mui-icon" id="but">授权</a>
	 <a class="mui-btn mui-btn-red mui-icon" id="but2">审核</a>
    </div>
	<div class="mui-slider-handle staff" style="margin:0">
	  <div class="staffList">
       <div class="staffLeft">
	    <img src="images/member_03.jpg" />
       </div><!--staffLeft-->
      <div class="staffCenter">
       <p class="memberName">Robin</p>
	   <p>NO.18263852722</p>
	   <p><img src="images/staff_03.jpg" />18263852722</p>
      </div><!--staffCenter-->
      <div class="staffRight">
	   <p>本月累计收款7次</p>
	   <p><img src="images/staff_07.jpg" /></p>
      </div><!--staffRight-->
    </div><!--staffList-->
   </div>
  </li>
  <li class="mui-table-view-cell">
	<div class="mui-slider-right mui-disabled">
	 <a class="mui-btn mui-btn-grey mui-icon" id="buts">禁用</a>
	 <a class="mui-btn mui-btn-yellow mui-icon" id="but">授权</a>
	 <a class="mui-btn mui-btn-red mui-icon" id="but2">审核</a>
    </div>
	<div class="mui-slider-handle staff" style="margin:0">
	  <div class="staffList">
       <div class="staffLeft">
	    <img src="images/member_03.jpg" />
       </div><!--staffLeft-->
      <div class="staffCenter">
       <p class="memberName">Anne</p>
	   <p>NO.18263867722</p>
	   <p><img src="images/staff_03.jpg" />18263867722</p>
      </div><!--staffCenter-->
      <div class="staffRight">
	   <p>本月累计收款7次</p>
	   <p><!--<img src="images/staff_07.jpg" />--></p>
      </div><!--staffRight-->
    </div><!--staffList-->
   </div>
  </li>
  <li class="mui-table-view-cell">
	<div class="mui-slider-right mui-disabled">
	 <a class="mui-btn mui-btn-grey mui-icon" id="buts">禁用</a>
	 <a class="mui-btn mui-btn-yellow mui-icon" id="but">授权</a>
	 <a class="mui-btn mui-btn-red mui-icon" id="but2">审核</a>
    </div>
	<div class="mui-slider-handle staff" style="margin:0">
	  <div class="staffList">
       <div class="staffLeft">
	    <img src="images/member_03.jpg" />
       </div><!--staffLeft-->
      <div class="staffCenter">
       <p class="memberName">Ben</p>
	   <p>NO.18203867753</p>
	   <p><img src="images/staff_03.jpg" />18203867753</p>
      </div><!--staffCenter-->
      <div class="staffRight">
	   <p>本月累计收款7次</p>
	   <p><img src="images/staff_07.jpg" /></p>
      </div><!--staffRight-->
    </div><!--staffList-->
   </div>
  </li>
 </ul>
</div><!--mui-content-->
<div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="index.html"><img src="images/index_06.jpg" /></a></dt>
     <dd><a href="index.html">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="staffList.html"><img src="images/footer_01.jpg" /></a></dt>
     <dd><a href="staffList.html" class="current">员工管理</a></dd>
    </dl>
    <dl>
     <dt><a href="manage.html"><img src="images/deal_09.jpg" /></a></dt>
     <dd><a href="manage.html">会员管理</a></dd>
    </dl>
   </footer>
  </div><!--/navbar-->
</div>		
<!--会员卡授权成功弹出页面 -->
<div id="popup"><a href="javascript:;" class="a_click">
  <div id="click_div">
   <div id="dialog">
	<h3><img src="images/paysuc_03.jpg" /></h3>
	<p>恭喜您，授权成功！</p>
  </div>
 </div></a>
</div>
 <!--会员卡授权成功弹出页面 End-->
 <!--会员卡禁用成功弹出页面 -->
<div id="popup"><a href="javascript:;" class="a_click">
  <div id="click_divs">
   <div id="dialog">
	<h3><img src="images/index_01.jpg" /></h3>
	<p>恭喜您，禁用成功！</p>
  </div>
 </div></a>
</div>
 <!--会员卡禁用成功弹出页面 End-->
<!--会员卡审核中弹出页面 -->
<div id="popup"><a href="javascript:;" class="a_click">
  <div id="click_div2">
   <div id="dialog">
	<h3><img src="images/index_01.jpg" /></h3>
	<p>审核中！</p>
  </div>
 </div></a>
</div>
 <!--会员卡审核中弹出页面 End-->
<script type="text/javascript">
//微信判断header是否显示
if(isWeiXin()){ 
//alert("====");
$(".title").hide();
} 
else{
//alert("+++++");
}
 //会员卡授权成功弹出页面 JS
$("#but").click(function(){
//	$("#click_div").show(),8000;
	setTimeout(function () {
    $("#click_div").fadeIn();//按钮弹出弹出层
  }, 500);
})  
//授权成功点击消失
$(".a_click").click(function(){
//	$("#click_div").hide();
	setTimeout(function () {
    $("#click_div").fadeOut();//按钮关闭弹出层
    window.location.reload();//刷新本页面
  }, 500);
});
 //会员卡禁用成功弹出页面 JS
$("#buts").click(function(){
//	$("#click_div").show(),8000;
	setTimeout(function () {
    $("#click_divs").fadeIn();//按钮弹出弹出层
  }, 500);
})  
//禁用成功点击消失
$(".a_click").click(function(){
//	$("#click_div").hide();
	setTimeout(function () {
    $("#click_divs").fadeOut();//按钮关闭弹出层
    window.location.reload();//刷新本页面
  }, 500);
});
//会员卡审核中弹出页面 JS
$("#but2").click(function(){
//	$("#click_div").show(),8000;
	setTimeout(function () {
    $("#click_div2").fadeIn();//按钮弹出弹出层
  }, 500);
})  
//审核中点击消失
$(".a_click").click(function(){
//	$("#click_div").hide();
	setTimeout(function () {
    $("#click_div2").fadeOut();//按钮关闭弹出层
    window.location.reload();//刷新本页面
  }, 500);
});

//最下面点击效果
$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
</script>
</body>
</html>